//登录
$loginw:1002px;
$loginh:420px;

$loginColor:#47a8ed;


.login-bg{
  overflow: hidden;
  background-size:cover;
  background: #e4dee2 url("/images/login_bg.png") no-repeat right;
  .login-main{
    width:$loginw;
    background: $loginColor;
    @include box-shadow(0,0,20px,rgba(0,0,0,.35));
    height:$loginh;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto;
    .login-main-left{
      float: left;
      width: 620px;
      text-align: center;
      position: relative;
      top: 50%; /*偏移*/
      transform: translateY(-50%);
      img{
        display: block;
        margin: auto;
      }
      .login-main-title{
        padding:30px 10px;
        font-size: 24px;
        font-weight: normal;
        color:#fff;
        position: relative;
        display: inline-block;
        &:before,&:after{
          content: '';
          width: 50px;
          height: 1px;
          background: #fff;
          position: absolute;
          top:50%;
        }
        &:before{
          left:-60px;
        }
        &:after{
          right:-60px;
        }
      }
    }
    .login-main-right{
      width: 347px;
      float: right;
      background: #fff;
      height: calc(100% + 40px);
      margin-top:-20px;
      margin-right: 30px;
      @include box-shadow(0,3px,10px,rgba(0,0,0,.15));
      position: relative;
      &:before{
        content: '';
        display: block;
        background: url("/images/login-sj.png") no-repeat center;
        width: 13px;
        height: 20px;
        position: absolute;
        left:-13px;
        top:0;
      }
      .login-error{
        color:$red;
        font-size: 12px;
      }
      .login-cont{
        padding: 20px;
        .title{
          padding: 30px 0;
          color:#666;
          text-align: center;
          font-size: 14px;
          b{
            font-size: 22px;
            color:#222;
            margin-right: 5px;
            font-weight: normal;
          }
        }
        .login-item{
          margin-bottom: 20px;
          .anticon{
            font-size: 16px;
          }
          .ant-input-lg{
            height: 42px;
            font-size: 14px;
            -webkit-box-shadow: 0 0 0px 1000px white inset;
          }
          .ant-input-ewm{
            .ant-input{
              padding-right: 117px;
            }
            .ant-input-suffix {
              right: 1px;
            }
          }
        }
        .ant-form-item-control-wrapper {
          .login-form-button {
            width: 100%;
            font-size: 18px;
            height: 44px;
          }
          .login-form-forgot{
            float: right;
          }
        }
      }
    }
  }
}
